<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>%VITE_APP_TITLE%</title>
    <style>
      .show-chat-box {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 9999;
        padding: 10px 20px;
        background-color: #007bff;
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
    <script src="https://lf-cdn.coze.cn/obj/unpkg/flow-platform/chat-app-sdk/1.1.0-beta.0/libs/cn/index.js"></script>
    <script>
      const cozeWebSDK = new CozeWebSDK.WebChatClient({
        config: {
          // 智能体 ID
          botId: '7471455536673079346'
        },
        auth: {
          //鉴权方式，默认type 为unauth，表示不鉴权；建议设置为 token，表示通过PAT或OAuth鉴权
          type: 'unauth'
          //type 为 token 时，需要设置PAT或OAuth访问密钥
          //   token: 'pat_82GrrdfNWPMnlcY58r98Rzqiev2s5NyrqCR8Ypbh5hOomzZN4ivb325PZAd****'
        },
        ui: {
          chatBot: {
            title: '智能客服',
            uploadable: true
          },
          asstBtn: {
            isNeed: false
          }
        }
      })
      window.cozeWebSDK = cozeWebSDK
    </script>
  </body>
</html>
